<!DOCTYPE html>
<html lang="en" dir="ltr">

<head>
  <meta charset="utf-8">
  <link rel="icon" href="css\images\icon.ico" type="image/ico" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
  <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
  <script defer src="https://use.fontawesome.com/releases/v5.0.7/js/all.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
  <title>Blogs</title>
</head>
<style media="screen">
  .card-deck {
    width: 80%;
    margin: 60px auto;
  }

  .card {
    border: none;
  }

  body {
    background-image: url('css/images/blog.png');
    background-repeat: no-repeat;
    background-size: cover;
  }

  .options {
    width: 15%;
    margin: auto;
  }

  h1 {
    color: white;
    text-align: center;
    margin-top: 60px;
  }
</style>

<body>
  <div class="cont">
    <nav class="navbar navbar-expand-lg navbar-light bg-light">
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <div class="options">
          <ul class="navbar-nav mr-auto">
            <li class="nav-item">
              <a class="nav-link" href="index.html">Home<span class="sr-only">(current)</span></a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="package.html">Packages</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="checkout.html">
                Checkout
              </a>
            </li>
          </ul>
        </div>
      </div>
    </nav>
    <h1>BLOGS</h1>
    <div class="card-deck">
      <div class="card">
        <img src="css\images\pokhara.jpg" class="card-img-top" alt="...">
        <div class="card-body">
          <h5 class="card-title">Pokhara</h5>
          <p class="card-text">One of the most beautiful yet low budget natural destination in our neighbouring country Nepal. Famous for mountain villages and lakes.</p>
          <a href="http://thatbackpacker.com/2017/09/22/guide-to-pokhara-for-non-hikers/" class="btn btn-primary">Read</a>
        </div>
      </div>
      <div class="card">
        <img src="css\images\jaipur.jpg" class="card-img-top" alt="...">
        <div class="card-body">
          <h5 class="card-title">Jaipus</h5>
          <p class="card-text">Jaipur is also known as the Pink City, due to the dominant color scheme of its buildings. It is located 268 km (167 miles) from the national capital New Delhi.</p>
          <a href="https://www.makemytrip.com/blog/jaipur-quick-travel-guide" class="btn btn-primary">Read</a>
        </div>
      </div>
      <div class="card">
        <img src="css\images\kolkata.jpg" class="card-img-top" alt="...">
        <div class="card-body">
          <h5 class="card-title">Kolkata</h5>
          <p class="card-text">Kolkata, formerly known as Calcutta, is the educational, commercial and cultural centre of the Eastern part of India, and is the third most populous metropolitan city of India. Kolkata is a pioneer in the field of
            drama, arts, theatre and literature with several nobel laureates contributing to the Kolkata culture.</p>
          <a href="http://www.maverickbird.com/india/east/west-bengal/this-is-my-calcutta/" class="btn btn-primary">Read</a>
        </div>
      </div>
    </div>
  </div>
</body>

</html>